html,body{
  width: 100%;
  height: 100%;
}
*{
  margin: 0;
  padding: 0;
}
ul li{
  list-style: none;
}
a{
  text-decoration: none;
}
//头部区域
header{
  width: 100%;
  height: 40px;
  background-color: #f8f8f8;
  .head{
      line-height: 40px; 
      width: 1190px;
      height: 40px;
      margin: 0 auto;
      .left{
          float: left;
          span{
            width: 36px;
            height: 40px;
            line-height: 40px; 
              float: left;
              font-size: 12px;
              color: #656565;
          }
          a{
              float: left;
              color: #656565;
              font-size: 12px;
              margin-left: 4px;
          &:hover{
              color: #FE8C00;
          }
          }
          .city{
              float: left;
              margin-left: 6px;   
          }
          .sign{
              font-size: 12px;
              margin-left: 31px;
              color: #fc8b0d;
          }
          .login{
              margin-left: 12px;
              color: #989898;
          }
      }
      .right{
          width: 374px;
          height: 40px;
          float: right;
          margin-left: 300px;
      }
  }
}
.right>ul{
  width: 375px;
  height: 40px;
  float: left;
}
.right>ul>li{
  width: 75px;
  height: 40px;
  float: left;
  font-size: 12px;
  text-align: center;
}
.right>ul>li a{
  color: #989898;
}
.right>ul>li a:hover{
  color: #FE8C00;
}
.right ul li:nth-child(1){
  margin-left: 0;
  &:hover{
    background-color: white;
  }
}
.right ul li:nth-child(1) ul{
  display: none;
  width: 75px;
  background-color: white;
  position: absolute;
  z-index:999;
  border-top: none;
  border: 1px solid #f7f7f7;
}
.right ul li:nth-child(1) ul li{
  line-height: 30px;
}
.right ul li:nth-child(1):hover ul{
  display: block;
  background-color: #fff;
  border-top: none;
}
.right ul li:nth-child(3){
  position: relative;
}
.right ul li:nth-child(3) ul{
  position: absolute;
  z-index: 999;
  display: none;
  width: 100px;
  min-height: 100px;
  text-align: center;
  margin-left: -27px;
  border-top: none;
  border: 1px solid #E5E5E5;
  background-color: #fff;
}
.right ul li:nth-child(3) ul li{
  height: 35px;
  line-height: 35px;
}
.right ul li:nth-child(3):hover{
  background-color: #fff;
}
.right ul li:nth-child(3):hover ul{
  border-top: none;
  display: block;
}
.right ul li:nth-child(4) ul{
  position: absolute;
  z-index: 999;
  display: none;
  width: 73px;
  text-align: center;
  border: 1px solid #f7f7f7;
}
.right ul li:nth-child(4) ul li{
  line-height: 30px;
}
.right ul li:nth-child(4):hover{
  background-color: #fff;
}
.right ul li:nth-child(4):hover ul{
  border-top: none;
  display: block;
}
 .icon{
    width: 100%;
    height: 107px;
    background-color: #fff;
    position: relative;
    .buttom{
      margin: 0 auto;
      width: 1190px;
      height: 107px;
      position: relative;
      img{
          float: left;
          width: 126px;
          height: 46px;
          margin-top: 28px;
      }
      form{
          width: 550px;
          height: 40px;
          float: left;
          margin-top: 28px;
          margin-left: 194px;
          border: 1px solid #e5e5e5;
          border-radius: 5px;
          #inp{
            width: 457px;
            height: 40px;
            padding-left: 10px;
            float: left;
            margin-left: 3px;
            border: none;
            outline: none;
          }
          button{
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            float: right;
            width: 80px;
            height: 40px;
            border: none;
            outline: none;
            cursor: pointer;
            background: #FFC300 url(../img/search.png) no-repeat center center;
          }
      }
      ul{
        width: 470px;
        position: absolute;
        z-index:999;
        min-height: 0px;
        float: left;
        background-color: white;
        left: 320px;
        top: 66px;
    }
  }
  }
// 尾部区域
footer{
  width: 100%;
  height: 727px;
  background-color: #f8f8f8;
  .con{
    width: 1190px;
    height: 727px;
    margin: 0 auto;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 2;
    .link{
      width: 1190px;
      height: 586px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      padding: 40px 45px;
      border-top: 1px solid #E5E5E5;
      border-bottom: 1px solid #E5E5E5;
      .column{
        width: 20%;
        a{
          color: #666;
          &:hover{
            color: #fd8b0d;
          }
        }
        dl{
          padding-bottom: 20px;
          color: #666;
          dt{
            color: #333;
            font-size: 14px;
            font-weight: 500;
          }
          dd{
            margin: 0;
          }
        }
      }
    }
    .bottom{
      width: 1190px;
      height: 141px;
      box-sizing: border-box;
      color: #999;
      padding-left: 20px;
      padding-top: 15px;
      padding-bottom: 30px;
      line-height: 1.6;
      .left{
        width: 440px;
        height: 100px;
        float: left;
        p a{
          color: #999;
          &:hover{
          color: #fd8b0d;
          }
        }
      }
      .right{
        width: 388px;
        height: 70px;
        float: right;
        a{
          color: #999;
          display: block;
          text-align: right;
          &:hover{
            color: #fd8b0d;
          }
        }
        .cert{
          text-align: left;
          padding-top: 6px;
          a{
            color: #999;
            &:hover{
              color: #fd8b0d;
            }
            img{
              float: left;
              width: 38px;
              height: 38px;
            }
            p{
              float: left;
              line-height: 38px;
              padding: 0 5px;
            }
          }
          .ftImg{
            display: inline-block;
            overflow: hidden;
            background-image: url(../img/footer.png);
            background-repeat: no-repeat;
          }
          .f1{
            width: 109px;
            height: 38px;
            background-position:  0 -167px;
          }
          .f2{
            width: 107px;
            height: 38px;
            background-position: 0 -40px;
          }
        }
      }
    }
  }
}